<template>
  <div class="sync">
    <div class="sync-cntent">
      <div></div>
      <div>&nbsp;</div>
    </div>
    <hr>
    <div>{{ res.desc }}</div>
    <div>{{ res.age }}</div>
  </div>
</template>
<script setup lang="ts">
import { getAddressInfo } from "../../service/index";
import {toRefs,getCurrentInstance, reactive, nextTick,onMounted} from 'vue';

const {proxy} = getCurrentInstance();
let res = reactive({});
onMounted(() => {
 getInfo();
})
const getInfo =  () => {
  try {
    nextTick(()=>{
      setTimeout(async() => {
        const { data } = await proxy.$axios.get<Tree>('../../../public/data.json');
      Object.assign(res, data.data)
    console.log('----', res.desc);
      }, 5000);
  
    })
  
  } catch (error) {
    console.error(error);
  }
};

</script>

<style>

</style>